// 全局按钮样式
@mixin base-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  width: 80px;
  height: 35px;
  font-family: Source Han Sans;
  cursor: pointer;
}

.gl-main-button {
  @include base-button;
  background-color: var(--medium-color);
  color: white;
  &:hover {
    background-color: var(--light-color);
    // opacity: 0.9;
  }

  &:active {
    background-color: var(--dark-color);
  }
}
.gl-sec-button {
  @include base-button;
  color: var(--medium-color);
  background-color: white;
  border: 2px solid var(--medium-color);

  &:hover {
    color: var(--light-color);
    border: 2px solid var(--light-color);
    opacity: 0.9;
  }

  &:active {
    color: var(--dark-color);
    border: 2px solid var(--dark-color);
  }
}
